// pages/goodsdetail/index.js
import {getInfo} from '../../api/goods'
import {addCartApi,getCartList} from '../../api/cart'
var app=getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    nowid:0,
    mycartNum:0,
    infoTop:0,
    navIndex:0,
    navList:["商品简介","商品详情","商品评价"],
    imgnode:"",
    goodsNum:1, //商品数量
    basicInfo:{},//基本信息数据
    pics2:[],//轮播数据
    content:"",//大图数据
    show:false//规格弹出层
  },
  async addCart(){//加入购物车接口
    var res=await addCartApi({
      token: wx.getStorageSync("token"),
      goodsId:this.data.basicInfo.id,//商品id   
      number:this.data.goodsNum,//商品数量
      sku:"" //规格
    })
    console.log(res);
    wx.showToast({
      title: '加入购物车成功',
      icon:"success"
    })
    this.getNum();
    this.setData({
      show:false
    })
  },
  turnCart(){//跳转购物车页面
    wx.switchTab({
      url: '/pages/cart/index'
    })
  },
  share(){ //分享商品

  },
  getNum(){
    // 获取购物车数量
    getCartList(wx.getStorageSync("token")).then(res=>{
      console.log(res)
      // 设置徽章
     this.setData({
       mycartNum:""+res.data.data.number
     })
    
  })
  },
  changeMove(e){//点击切换导航
      var index=e.currentTarget.dataset.index;
      console.log(index)
      this.setData({
        navIndex:index
      })
      if(index==0){
        wx.pageScrollTo({
          scrollTop:0,
          duration: 300,
        })
      }else if(index==1){
        wx.pageScrollTo({
          scrollTop:this.data.infoTop-50,
          duration: 300,
        })
      }
  },
  onPageScroll(e){ //小程序页面滚动事件
    // 小程序滚动激活导航
    console.log(e.scrollTop)
    console.log(this.data.infoTop)
    if(e.scrollTop>0&&e.scrollTop<this.data.infoTop){
        this.setData({
          navIndex:0
        })

    }else if(e.scrollTop>this.data.infoTop){
      this.setData({
        navIndex:1
      })
    }
  },
  onClose(){
    this.setData({
      show:false
    })
  },
  showSku(){
    this.setData({
      show:true
    })
  },
  onChange(e){//商品数量改变
    console.log(e.detail)
    console.log(this.data.goodsNum)
    this.setData({
      goodsNum:e.detail
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      console.log(options.pid)
      this.getInfoApi(options.pid)
       // 获取元素距离整个页面上下左右的 距离
    this.setData({
      nowid:options.pid
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    var that=this;
    var infotitle= wx.createSelectorQuery().select('#mytitle').boundingClientRect(function(rect){
      console.log(rect.top)
      that.setData({
         infoTop:rect.top
       })
     }).exec()
    
  },
  async getInfoApi(id){
    var res=await getInfo(id);
    console.log(res)
    this.setData({
      basicInfo:res.data.data.basicInfo,
      pics2:res.data.data.pics2,
      content:res.data.data.content
    })
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.getNum();
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
      console.log(1111)
      return {
        title: '13亿人都惊呆了',
        path: '/page/goodsdetail?pid='+this.data.nowid
      }
  }
})